<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播-1</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

         /* 放缩浏览器，图片高度始自适应， 是让小屏幕用户看见图片左右两边的超宽区域，如马蜂窝*/
       .fx ul li img{
           width: 100%;
       }

    </style>
</head>

<body>
    <div class="fx">
        <ul>
            <li>
                <img src="image/lb-mfw.png" alt="">
            </li>
        </ul>
    </div>

</body>

</html>